<template>
  <div>
    <my-header></my-header>
    <div class="banner">
      <img src="../assets/img/youBanner1.jpg" alt="" />
      <div class="banner1">
        <img src="../assets/img/ntitle4.png" alt="" />
        <p>您关心的浏览信息一目了然</p>
      </div>
      <div class="banner-di">
        <img src="../assets/img/bor1.png" alt="" />
      </div>
    </div>

    <div class="page2">
      <div class="container-1">
        <div class="container-fluid">
          <div class="crumbs">
            <div class="cr cr-1">
              <a href="#">
                <img src="home.png" />
              </a>
              <i></i>
              <span>游园指南</span>
            </div>
            <div class="cr cr-2">
              <img src="home2.png" />
              <!-- <i></i> -->
              <span>游园提示</span>
              <ol style="display: none">
                <li>
                  <a href="#">游园指南</a>
                </li>
                <li>
                  <a href="#">园区时间</a>
                </li>
                <li>
                  <a href="#">交通指南</a>
                </li>
                <li>
                  <a href="#">常见问题</a>
                </li>
                <li>
                  <a href="#">地图下载</a>
                </li>
                <li>
                  <a href="#">游玩路线</a>
                </li>
              </ol>
            </div>
          </div>
          <!-- 时间 -->
          <div class="wx-code">
            <img class="i1" src="/li3.png" alt="" />

            <div class="pp">
              <h4 class="now">2022-10-11 星期二</h4>
              <strong
                >开园时间:
                <span class="head-open">9:30-16:30</span>
              </strong>
              <strong
                >售检票截止时间

                <span class="head-close">16:00</span>
              </strong>
            </div>
            <img class="i2" src="/li4.png" alt="" />
          </div>

          <!-- 卡片 -->
          <div class="card">
            <div class="w i1" style="position: relative">
              <img
                src="../assets/img/ndate1.png"
                alt=""
                style="position: absolute; top: -30px; width: 80%"
              />
              <p>
                咨询电话：0571-58971111 <br />
                年卡电话：0571-58971113 <br />
                救援电话：0571-58972229 <br />
                投诉电话：0571-58972223
                <br />
              </p>
              <img
                style="position: absolute; bottom: 10px; right: 40px"
                src="../assets/img/ndate2.png"
                alt=""
              />
            </div>
            <div style="position: relative" class="w i2">
              <h4>景区租车热线</h4>
              <div class="xu">
                <i>A</i>
                <span>0571-58972223</span>
              </div>
              <div class="xu">
                <i>B</i>
                <span>13588479253</span>
              </div>
              <img
                style="position: absolute; bottom: 10px; right: 38px"
                src="../assets/img/ndate3.png"
                alt=""
              />
            </div>
            <div class="w i3">
              <strong>手机扫码,地图带身上</strong>
              <img class="code" src="../assets/img/dateCode.png" alt="" />
            </div>
          </div>
        </div>
      </div>
      <my-footer></my-footer>
    </div>
  </div>
</template>

<script>
  import MyFooter from "@/components/MyFooter.vue";
  export default {
    components: {MyFooter},
  };
</script>
<style scoped src="../assets/css/PlayView.css"></style>
<style lang="scss"></style>
